// pages/sumRecord/index.js
Page({
    targetHouse() {
        wx.switchTab({
            url: '/pages/goods-list/index',
        });
    },
    /**
     * 页面的初始数据
     */
    data: {
        fileList: [],
        radioValue: '1',
        radioInput: null, // 初始化为null或您想要的默认值
        scenicList: [], // 用于存储景区列表的数组
        fileListItem: [], // 用于存储景区列表的数组
        inputValue: '', // 用于存储标题输入框的值
        inputValueArea: '', // 用于存储标题输入框的值
        deleteItem: [],
        urlItem:[]
    },
    // 点击图片选中当前单选框
    onImageTap: function (event) {
        const index = event.currentTarget.dataset.idx; // 获取图片的索引
        const scenicList = this.data.scenicList;
        const newValue = scenicList[index].id || scenicList[index].name || '1'; // 根据您的数据结构选择适当的值
        console.log(index);
        console.log(newValue);
        // 更新单选框的值
        this.setData({
            radioInput: newValue
        });
        // 触发单选框的 change 事件（如果需要）
        this.manyOnChange({
            detail: {
                value: newValue
            }
        });
    },
    // 图片单选框
    manyOnChange: function (event) {
        // 处理单选框变化的逻辑
        this.setData({
            radioInput: event.detail
        });
        console.log(event);
    },
    // 单选框
    onChange(event) {
        this.setData({
            radioValue: event.detail,
        });
        console.log(event);
    },
    // 单图上传
    afterRead(event) {
        const {
            file
        } = event.detail;
        // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
        wx.uploadFile({
            url: 'https://jingqu.kuxia.top/app/File/file', // 仅为示例，非真实的接口地址
            filePath: file.url,
            name: 'file',
            formData: {
                user: 'test',
                id: 102
            },
            header: {
                id: 102
            },
            success: (res) => {
                console.log(res);
                // 上传完成需要更新 fileList
                const {
                    fileList = []
                } = this.data;
                fileList.push({
                    ...file,
                    url: res.data // 这里假设 res.data 是上传后返回的图片 URL
                });
                console.log(fileList[0].tempFilePath);
                this.setData({
                    fileList
                });
            },
            fail: (error) => {
                console.error('上传失败', error);
            }
        });
    },
    //单图删除
    delteMain(event) {
        const {
            fileList
        } = this.data;
        // 使用 splice 删除指定索引的文件项
        fileList.splice(event.detail.index, 1);
        // 更新 fileList
        this.setData({
            fileList
        });
    },
    // 多图上传
    afterReadItem(event) {
        const {
            file
        } = event.detail;
        console.log(file);
        // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
        wx.uploadFile({
            url: 'https://jingqu.kuxia.top/app/File/file', // 仅为示例，非真实的接口地址
            filePath: file.url,
            name: 'file',
            formData: {
                user: 'test'
            },
            header: {
                id: 102
            },
            success: (res) => {
                console.log(res);
                // 上传完成需要更新fileListItem
                const {
                    fileListItem = []
                } = this.data;
                fileListItem.push({
                    ...file,
                    url: res.data // 这里假设 res.data 是上传后返回的图片 URL
                });
                console.log(fileListItem);
                this.setData({
                    fileListItem
                });
            },
            fail: (error) => {
                console.error('上传失败', error);
            }
        });
    },
    // 多图删除
    delteItem(event) {
        console.log('删除的索引:', event.detail.index);
        const {
            fileListItem
        } = this.data;
        // 使用 splice 删除指定索引的文件项
        fileListItem.splice(event.detail.index, 1);
        // 更新 fileListItem
        this.setData({
            fileListItem
        });
    },
    // 标题输入框
    onInput(event) {
        this.setData({
            inputValue: event.detail.value, // event.detail.value 是输入的值
        });
    },
    // 文本域
    onInputArea(event) {
        this.setData({
            inputValueArea: event.detail.value, // event.detail.value 是输入的值
        });
    },
    // 发布
    issue() {
        const {
            inputValue,
            inputValueArea,
            radioValue,
            fileList,
            fileListItem,
            urlItem 
        } = this.data;
        // console.log("标题输入框的值:", inputValue);
        // console.log("文本域的值:", inputValueArea);
        console.log("单图上传:", fileList);
        console.log("多图上传:", fileListItem);
        if (inputValue != "" && inputValueArea != "") {
            // 攻略
            if (radioValue == 1) {
                wx.request({
                    url: 'https://jingqu.kuxia.top/app/Intro/add', // 替换为你自己的服务器地址
                    method: 'POST',
                    data: {
                        title: inputValue,
                        introduce: inputValueArea,
                        img: fileList[0].tempFilePath,
                        bannar: fileListItem.join(),
                        user_id: 102,
                        scenic_id: radioValue
                    },
                    header:{
                        id:102
                    },
                    success: (response) => {
                        if (response.data.code == 1) {
                            console.log('景区列表', response);
                            for (let i in response.data.data) {
                                response.data.data[i].img = 'https://jingqu.kuxia.top' + response.data.data[i].img
                            }
                            // 假设服务器返回的数据中有一个名为 scenicList 的数组
                            this.setData({
                                scenicList: response.data.data // 更新数据
                            });
                        }
                    },
                    fail: (err) => {
                        console.error('请求失败', err);
                    }
                });
            }
            wx.request({
                url: 'https://jingqu.kuxia.top/app/Intro/add', // 替换为你自己的服务器地址
                method: 'POST',
                data: {
                    bannar: urlItem.join(),
                    introduce: inputValueArea,
                    title: inputValue,
                    user_id: 102,
                    img: fileList[0].tempFilePath,
                    scenic_id: radioValue
                },
                success: (response) => {
                    if (response.data.code == 1) {
                        console.log('景区列表', response.data.data);
                        for (let i in response.data.data) {
                            response.data.data[i].img = 'https://jingqu.kuxia.top' + response.data.data[i].img
                        }
                        // 假设服务器返回的数据中有一个名为 scenicList 的数组
                        this.setData({
                            scenicList: response.data.data // 更新数据
                        });
                    }
                },
                fail: (err) => {
                    console.error('请求失败', err);
                }
            });
        } else {
            console.log("请输入内容");
        }
    },
    // 景区图片错误处理事件
    onImageError: function (e) {
        let idx = e.currentTarget.dataset.idx;
        let arr = this.data.scenicList;
        for (let i in arr) {
            if (i == idx) {
                arr[i].img = 'https://yyq.yzwdblzs.xyz/img/background.jpg'
            }
        }
        this.setData({
            scenicList: arr
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {
        // 页面的逻辑则通过 JS 文件中的 onLoad、onShow 等生命周期函数或其他自定义函数来处理
        wx.login({
                success: (res) => {
                    if (res.code) {
                        // 请求自己的后台服务器，传递 code 获取 session_key 和 openid
                        // 请求景区列表
                        wx.request({
                            url: 'https://jingqu.kuxia.top/app/Scenic/index', // 替换为你自己的服务器地址
                            method: 'POST',
                            success: (response) => {
                                if (response.data.code == 1) {
                                    console.log('景区列表', response.data.data);
                                    for (let i in response.data.data) {
                                        response.data.data[i].img = 'https://jingqu.kuxia.top' + response.data.data[i].img
                                    }
                                    // 假设服务器返回的数据中有一个名为 scenicList 的数组
                                    this.setData({
                                        scenicList: response.data.data // 更新数据
                                    });
                                }
                            },
                            fail: (err) => {
                                console.error('请求失败', err);
                            }
                        });
                    }
                }
            }),
            // 更新页面标题
            this.setData({
                nbTitle: '新标题',
            });
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})